{% extends "./base.html" %}
{% block title %}
<title>云辉-DEVOPS</title>
{% endblock %}
{% block style %}
<link rel="stylesheet" href="/static/assets/css/devops.css">
{% endblock %}
{% block content %}
<div class="main">
  <div class="blank-header" style="background-image: url('/static/assets/image/home/bannerInner.jpg');">
    <div class="flex-container flex-column justify-center align-center">
      <img src="/static/assets/image/devops/auto-devops.svg" class="hero-image-large"
        alt="Gitlab auto devops icon svg">
      <h1>什么是Auto Devops？</h1>
      <p>只需提交代码，剩下的交给云辉GitLab 代劳，无需手工配置。</p>
      <a href="/sales" class="btn cta-btn accent">免费试用</a>
    </div>
  </div>
  <div class="content-container">
    <div class="content tile">
      <p>云辉GitLab 通过自动设置流水线和集成，消除软件交付复杂性，使团队可以专注于业务生产力。借助Auto DevOps，开发团队可以跳过手工配置，例如安全审核和漏洞扫描测试，专注于软件创建。</p>
      <p>Auto DevOps作为一套完整的、开箱即用的交付流水线，能够简化并且加速交付工作。您只需提交代码，剩下的交给云辉GitLab 代劳：</p>
      <ul>
        <li>检测代码语言</li>
        <li>自动构建、测试、评估代码质量</li>
        <li>扫描潜在隐患、安全漏洞和许可证问题</li>
        <li>实时监控</li>
        <li>部署应用程序</li>
      </ul>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="logo-band">
          <div class="logo logo--1 aos-init aos-animate" data-aos-duration="200" data-aos-once="true"
            data-aos="zoom-in">
            <img src="/static/assets/image/devops/sign-up.svg" alt="Gitlab sign up icon svg">
          </div>
          <div class="logo logo--2 aos-init aos-animate" data-aos-duration="400" data-aos-once="true"
            data-aos="zoom-in">
            <img src="/static/assets/image/devops/install-runners.svg"
              alt="Gitlab install runners icon svg">
          </div>
          <div class="logo logo--3 aos-init aos-animate" data-aos-duration="600" data-aos-once="true"
            data-aos="zoom-in">
            <img src="/static/assets/image/devops/get-a-license.svg"
              alt="Gitlab get a license icon svg">
          </div>
          <div class="logo logo--4 aos-init aos-animate" data-aos-duration="800" data-aos-once="true"
            data-aos="zoom-in">
            <img src="/static/assets/image/devops/connect-your-cluster.svg"
              alt="Gitlab connect your cluster icon svg">
          </div>
        </div>
      </div>
    </div>
    <hr class="divider">
    <div class="content prereqs full-width">
      <h1 class="text-center">设置Auto DevOps</h1>
      <div class="flex-container prereq full-width">
        <div class="flex-container justify-center align-center full-width">
          <img src="/static/assets/image/devops/signup.png" class="prereq-image full-width"
            alt="Gitlab signup png">
        </div>
        <!-- <div class="flex-container flex-column flex-start justify-center full-width">
          <h2>准备开始</h2>
          <p>免费注册并测试云辉GitLab的所有功能。</p>
          <a href="https://gitlab.cn/free-trial/" class="btn cta-btn accent">免费试用</a>
        </div> -->
      </div>
      <div class="flex-container prereq full-width">
        <div class="flex-container justify-center align-center full-width">
          <img src="/static/assets/image/devops/jh_license.png"
            class="prereq-image full-width" alt="Gitlab license png">
        </div>
        <div class="flex-container flex-column flex-start justify-center full-width">
          <h2>获取云辉GitLab许可证</h2>
          <p>安装并链接您的服务器。</p>
          <!-- <a href="https://gitlab.cn/pricing/#gitlab-com" class="btn cta-btn accent">获取云辉GitLab许可证</a> -->
        </div>
      </div>
      <div class="flex-container prereq full-width">
        <div class="flex-container justify-center align-center full-width">
          <img src="/static/assets/image/devops/cluster.png" class="prereq-image full-width"
            alt="Gitlab cluster png">
        </div>
        <div class="flex-container flex-column flex-start justify-center full-width">
          <h2>链接您的Kubernetes集群</h2>
          <p>
          </p>
          <p>将云辉GitLab接入您的Kubernetes集群
          </p>
          <p></p>
          <!-- <a href="https://gitlab.cn/solutions/kubernetes/" class="btn cta-btn accent">如何链接</a> -->
        </div>
      </div>
      <div class="flex-container prereq full-width">
        <div class="flex-container justify-center align-center full-width">
          <img src="/static/assets/image/devops/runners.png" class="prereq-image full-width"
            alt="Gitlab runners png">
        </div>
        <div class="flex-container flex-column flex-start justify-center full-width">
          <h2>安装Runner（运行器）</h2>
          <p>只需安装CI Runners，运行服务器，剩下的就交给Auto DevOps来完成吧！</p>
          <!-- <a class="btn cta-btn accent" href="https://docs.gitlab.com/runner/install/">如何安装</a> -->
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}